<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Home</title>

    <link href="/static/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="/static/css/style.css" rel='stylesheet' type='text/css' />
    <link href="/static/css/knowledge.css" rel='stylesheet' type='text/css' />
    <style>
        .logins {
            background: #2da9e1;
            color: #fff;
            font-size: 1.5em;
            border: none;
            width: 100%;
            outline: none;
            -webkit-appearance: none;
            padding: .5em 0;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            margin-top: .5em;
            font-family: 'PT Sans', sans-serif;
        }

        .registers {
            background: #2da9e1;
            color: #fff;
            font-size: 1.5em;
            border: none;
            width: 100%;
            outline: none;
            -webkit-appearance: none;
            padding: .5em 0;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            margin-top: .5em;
            font-family: 'PT Sans', sans-serif;
        }

        .offer-grid {
            margin-top: 50px !important;
        }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Real Space Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>



    <script src="/static/js/jquery-1.11.1.min.js"></script>
    <script src="/static/js/bootstrap.js"></script>
    <link href="/static/css/owl.carousel.css" rel="stylesheet" />
    <script src="/static/js/owl.carousel.js"></script>
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/jquery.cookie.js"></script>
    <script src="/static/js/axios.js"></script>
</head>

<body>



    <div class="header-section">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand">
                        <h1>
                            <a href="index.html">
                                <span>Real </span>Space</a>
                        </h1>
                    </div>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index">主页 <span class="sr-only">(current)</span></a></li>
                        <li><a href="secondlist">二手房</a></li>
                        <li><a href="rentlist">租房</a></li>
                        <li><a href="newhourse">新房 </a></li>
                        <li><a href="community">小区</a></li>
                        <li><a href="broker">经纪人</a></li>
                        <li><a href="knowledge">知识</a></li>
                    </ul>
                    <div class="email" v-if="name==null">
                        <ul>
                            <li>
                                <i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
                                <a href="#" data-toggle="modal" data-target="#myModal">登陆</a>
                            </li>
                            <li>
                                <i class="glyphicon glyphicon-lock" aria-hidden="true"></i>
                                <a href="#" data-toggle="modal" data-target="#myModal1">注册</a>
                            </li>
                        </ul>
                    </div>
                    <div class="login-next" v-if="name!=null">
                        <img :src="image" style="width: 40px;height: 40px;margin-top: 12px;border-radius: 50%;float: left;margin-left: 140px;">
                        <p class="login-p" style="color:white;float: left;margin-top: 15px;margin-left: 5px;font-size: 20px;" v-text="name">admin</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </nav>
        </div>
    </div>


    <div class="cur-path-box">
        <div class="main clear">
            <ul class="baike-nav">
                <li class="cur">
                    <a href="/zhishi/">房产知识</a>
                </li>
                <!--显示锦囊妙计的城市 北京 太原-->
                <li>
                    <a href="/youhaofang/">有好房</a>
                </li>
            </ul>
        </div>
    </div>


    <div class="bkBox mar marBoT3 clear" id="s1">
        <div class="curHref">
        </div>
        <div class="bkMenu lf">
            <dl>
                <dt>
                    <a class="" href="/zhishi/index_502">
                        <i></i>买房</a>
                </dt>
                <dd>
                    <span class="typelist" @click="clickon">准备买房</span>
                    <span class="typelist" @click="clickon">看房选房</span>
                    <span class="typelist" @click="clickon">签约订房</span>
                    <span class="typelist" @click="clickon">办理贷款</span>
                    <span class="typelist" @click="clickon">缴税过户</span>
                    <span class="typelist" @click="clickon">交接后续</span>
                </dd>
            </dl>
            <dl>
                <dt>
                    <a class="" href="">
                        <i></i>租房</a>
                </dt>
                <dd>
                    <span class="typelist" @click="clickon">准备租房</span>
                    <span class="typelist" @click="clickon">看房选房</span>
                    <span class="typelist" @click="clickon">签约订房</span>
                    <span class="typelist" @click="clickon">交接后续</span>
                    <span class="typelist" @click="clickon">退房解约</span>
                </dd>
            </dl>
            <dl>
                <dt>
                    <a class="" href="/zhishi/index_504">
                        <i></i>卖房</a>
                </dt>
                <dd>
                    <span class="typelist" @click="clickon">准备卖房</span>
                    <span class="typelist" @click="clickon">签订合同</span>
                    <span class="typelist" @click="clickon">分步收款</span>
                    <span class="typelist" @click="clickon">缴税过户</span>
                    <span class="typelist" @click="clickon">交接后续</span>
                </dd>
            </dl>
            <dl>
                <dt>
                    <a class="" href="/zhishi/index_505">
                        <i></i>新房</a>
                </dt>
                <dd>
                    <span class="typelist" @click="clickon">准备买房</span>
                    <span class="typelist" @click="clickon">看房选房</span>
                    <span class="typelist" @click="clickon">认购新房</span>
                    <span class="typelist" @click="clickon">签约订房</span>
                    <span class="typelist" @click="clickon">全款贷款</span>
                    <span class="typelist" @click="clickon">家居装修</span>
                    <span class="typelist" @click="clickon">收房验房</span>
                </dd>
            </dl>


        </div>
        <div class="bkMain rf zhishi-r">

            <ul class="bkList bkList2">
                <li v-for="ls in listdata">
                    <a target="_blank" href="/zhishi/3683.html">
                        <div class="lfImg">
                            <img src="https://res.5i5j.com/uploads/resize/20180530/1527670973741648_227x170.jpg" onerror="defaultZhiShiError(this)">
                        </div>
                        <div class="bk_Con">
                            <p>
                                <strong>{{ls.title}}</strong>
                            </p>
                            <p>{{ls.content}} </p>
                            <p class="last_p">
                                <em>{{ls.type}}</em>
                            </p>
                            <p>
                                <i></i>
                                <span>{{ls.time}}</span>
                            </p>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- 列表 End-->
            <!-- 页码 -->
            <!--<div class="pageBox">
                <div class="pageSty rf">
                    <a class="cPage">下一页</a>
                    <a>12</a>
                    <a class="noBor">&middot;&middot;&middot;</a>
                    <a>3</a>
                    <a>2</a>
                    <a>1</a>
                </div>
            </div>-->
            <div class="pageBox">
                <div class="pageSty rf">
                    <div class="pageSty rf">
                        <a href="/zhishi/index_0_0_n2/" class="cPage">下一页</a>
                        <a href="javascript:void(0);" class="">...</a>
                        <a href="/zhishi/index_0_0_n3/" class="">3</a>
                        <a href="/zhishi/index_0_0_n2/" class="">2</a>
                        <a href="javascript:void(0);" class="cur">1</a>
                    </div>
                </div>
            </div>

            <!-- 页码 End-->
        </div>
        <!-- 百科内容区 End-->
    </div>


    <!-- login -->
    <div id="not-success">
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content modal-info">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body real-spa">
                        <div class="login-grids">
                            <div class="login">

                                <div class="login-right" id="login">
                                    <form>
                                        <h3>Login</h3>
                                        <input type="text" value="Enter your Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your Email';}"
                                            required="" id="username">
                                        <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"
                                            required="" id="password">
                                        <h4>
                                            <a href="#">忘记密码？</a> /
                                            <a href="#">注册账号</a>
                                        </h4>
                                        <div class="single-bottom">
                                            <input type="checkbox" id="brand" value="">
                                            <label for="brand">
                                                <span></span>记住我</label>
                                        </div>
                                        <button type="button" value="" class="logins">登录</button>
                                    </form>
                                </div>

                            </div>
                            <p>登陆即同意
                                <a href="#">合约</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- login  -->
        <!-- Register -->
        <div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content modal-info">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body real-spa">
                        <div class="login-grids">
                            <div class="login">
                                <div class="login-right">
                                    <h3>Register </h3>
                                    <input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required=""
                                        id="name">
                                    <input type="text" value="Mobile number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Mobile number';}"
                                        required="" id="phone">
                                    <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"
                                        required="" id="passwords">
                                    <button type="button" value="" class="registers">立即注册</button>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <p>登陆即同意
                                <a href="#">合约</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/static/js/knowledge.js"></script>
</body>

</html>>